<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>御码</title>
    <link rel="stylesheet/less" href="./less/base.less" class="">
    <link rel="stylesheet/less" href="./less/index.less" class="">
    <link rel="stylesheet" href="./iconfont/iconfont/iconfont.css" class="">
   <script src="./js/less.min.js"></script>
</head>
<body>
    <!-- 头部区域 -->
    <div class="top_header">
        <div class="header1">
            <div class="w">
                <!-- 左侧定位 -->
                <div class="left">
                    <span class="iconfont icon-map"></span>
                    <span>大连</span>
                </div>
                <!-- 左侧导航列表 -->
                <div class="right">
                    <ul>
                        <li class=""><a href="#">你好，请登录</a></li>
                        <li class="shu"></li>
                        <li class="">
                            <a href="#">免费注册</a>
                
                        </li>
                        <li class="shu"></li>
                        <li class="down"><a href="#">我的订单</a>
                            <div class="yin">
                               <div class="yin_content">
                                <a href="#">待处理订单</a>
                                <a href="#">我的问答</a>
                                <a href="#">降价商品</a>
                                <a href="#">退换货订单</a>
                                <a href="#">我的收藏</a>
                               </div>
                               <div class="yin_content">
                                <a href="#">我的理财</a>
                                <a href="#">我的优惠券</a>
                                <a href="#">我的白条</a>
                                <a href="#">我的理财产品</a>
                               </div>
                               <div class="yin_content">
                                <a href="#">帮助中心</a>
                                <a href="#">在线咨询</a>
                                <a href="#">我的客服</a>
                                <a href="#">意见建议</a>
                                <a href="#">电话客服</a>
                                <a href="#">客服邮箱</a>
                                <a href="#">金融资讯</a>
                                <a href="#">全球售客服</a>
                                <a href="#">企业客服</a>
                                <a href="#">港澳台客服</a>
                               </div>
                            </div>
                        </li>
                        <li class="shu"></li>
                        <li class="down"><a href="#">我的御码</a>
                            <div class="yin">
                                <div class="yin_content">
                                 <a href="#">待处理订单</a>
                                 <a href="#">我的问答</a>
                                 <a href="#">降价商品</a>
                                 <a href="#">退换货订单</a>
                                 <a href="#">我的收藏</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">我的理财</a>
                                 <a href="#">我的优惠券</a>
                                 <a href="#">我的白条</a>
                                 <a href="#">我的理财产品</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">帮助中心</a>
                                 <a href="#">在线咨询</a>
                                 <a href="#">我的客服</a>
                                 <a href="#">意见建议</a>
                                 <a href="#">电话客服</a>
                                 <a href="#">客服邮箱</a>
                                 <a href="#">金融资讯</a>
                                 <a href="#">全球售客服</a>
                                 <a href="#">企业客服</a>
                                 <a href="#">港澳台客服</a>
                                </div>
                             </div></li>
                        <li class="shu"></li>
                        <li class="down"><a href="#">企业采购</a>
                            <div class="yin">
                                <div class="yin_content">
                                 <a href="#">待处理订单</a>
                                 <a href="#">我的问答</a>
                                 <a href="#">降价商品</a>
                                 <a href="#">退换货订单</a>
                                 <a href="#">我的收藏</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">我的理财</a>
                                 <a href="#">我的优惠券</a>
                                 <a href="#">我的白条</a>
                                 <a href="#">我的理财产品</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">帮助中心</a>
                                 <a href="#">在线咨询</a>
                                 <a href="#">我的客服</a>
                                 <a href="#">意见建议</a>
                                 <a href="#">电话客服</a>
                                 <a href="#">客服邮箱</a>
                                 <a href="#">金融资讯</a>
                                 <a href="#">全球售客服</a>
                                 <a href="#">企业客服</a>
                                 <a href="#">港澳台客服</a>
                                </div>
                             </div>
                        </li>
                        <li class="shu"></li>
                        <li class="down"><a href="#">商家服务</a>
                            <div class="yin">
                                <div class="yin_content">
                                 <a href="#">待处理订单</a>
                                 <a href="#">我的问答</a>
                                 <a href="#">降价商品</a>
                                 <a href="#">退换货订单</a>
                                 <a href="#">我的收藏</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">我的理财</a>
                                 <a href="#">我的优惠券</a>
                                 <a href="#">我的白条</a>
                                 <a href="#">我的理财产品</a>
                                </div>
                                <div class="yin_content">
                                 <a href="#">帮助中心</a>
                                 <a href="#">在线咨询</a>
                                 <a href="#">我的客服</a>
                                 <a href="#">意见建议</a>
                                 <a href="#">电话客服</a>
                                 <a href="#">客服邮箱</a>
                                 <a href="#">金融资讯</a>
                                 <a href="#">全球售客服</a>
                                 <a href="#">企业客服</a>
                                 <a href="#">港澳台客服</a>
                                </div>
                             </div>
                        </li>
                        <li class="shu"></li>
                        <li class="down"><a href="#">网站导航</a></li>
                        <li class="shu"></li>
                        <li><a href="#">手机御码</a></li>
                        <li class="shu"></li>
                        <li><a href="#">网站无障碍</a></li>
                    </ul>
                </div>
        </div> 
    </div>
        <div class="header2">
            <div class="w">
                <div class="logo left">
                    <img src="./images/LOGO@1x.png">
                </div>
                <div class="serch left">
                    <div class="top_serch left">
                        <input type="text" value="请输入...">
                        <button><span class="iconfont icon-search"></span></button>
                    </div>
                        <div class="car right">
                            <span class="iconfont icon-gouwuche"></span><span>我的购物车</span>
                    </div>
                    
                    <div class="serch_zi">
                        <ul>
                            <li><a href="#">家电年货节</a></li>
                            <li><a href="#">全球买手</a></li>
                            <li><a href="#">兔年换新</a></li>
                            <li><a href="#">热水器</a></li>
                            <li><a href="#">血氧检测</a></li>
                            <li><a href="#">车厘子</a></li>
                            <li><a href="#">手机免息</a></li>
                            <li><a href="#">御码精选</a></li>
                            <li><a href="#">热卖潮品</a></li>
                        </ul>
                    </div>
                    <div class="serch_bottom">
                        <ul>
                            <li><a href="#">御码超市</a></li>
                            <li><a href="#">优惠券</a></li>
                            <li><a href="#">买啥</a></li>
                            <li><a href="#">御码家电</a></li>
                            <li><a href="#">御码生鲜</a></li>
                            <li><a href="#">PLUS会员</a></li>
                            <li><a href="#">进口好物</a></li>
                            <li><a href="#">品牌闪购</a></li>
                            <li><a href="#">拍卖</a></li>
                            <li><a href="#">五金商店</a></li>
                        </ul>
                    </div>
                </div>
                <div class="xinnian right">
                    <img src="./images/image1@1x.png">
                </div>

            </div>
            
        </div>
   

    </div>
    <!-- 网页主体 -->
    <div class="xuanchuan">
        <div class="w">
            <!-- 左侧导航 -->
            <div class="xuan1 left size">
                <ul>
                    <li>手机/运营商/数码
                        <div class="yincang"></div>
                    </li>
                    <li>电脑/办公
                        <div class="yincang"></div>
                    </li>
                    <li>家具/家居/家装/厨具
                        <div class="yincang"></div>
                    </li>
                    <li>男装/女装/童装/内衣
                        <div class="yincang"></div>
                    </li>
                    <li>美妆/个护清洁/宠物
                        <div class="yincang"></div>
                    </li>
                    <li>女鞋/箱包/钟表/珠宝
                        <div class="yincang"></div>
                    </li>
                    <li>男鞋/运动/户外
                        <div class="yincang"></div>
                    </li>
                    <li>房产/汽车/汽车用品
                        <div class="yincang"></div>
                    </li>
                    <li>母婴/玩具乐器</li>
                    <li>食品/酒类/生鲜/特产</li>
                    <li>艺术/礼品鲜花/农资绿植</li>
                    <li>医药保健/计生情趣</li>
                    <li>图书/文娱/教育/电子书</li>
                    <li>机票/酒店/旅游/生活</li>
                    <li>众筹/白条/保险/企业金融</li>
                    <li>安装/维修/清洗/二手</li>
                </ul>

            </div>
            <!-- 中间轮播图 -->
            <div class="xuan2 left">
               <a href="#"><img src="./images/banner_主图@1x.png"></a>
            </div>
            <!-- 右侧广告区1 -->
            <div class="xuan3 left size">
                <div class="dn"><a href="#"><img src="./images/侧边banner1@1x.png"></a></div>
                <div class="dn"><a href="#"><img src="./images/侧边banner2@1x.png"></a></div>
                <div class="dn"><a href="#"><img src="./images/侧边banner3@1x.png"></a></div>

            </div>
             <!-- 右侧广告区2 -->
            <div class="xuan4 right size">
                <div class="banner_last">
                    <div class="last_top">
                        <div class="tu">
                            <img src="./images/Ellipse1@1x.png">
                        </div>
                        <div class="mingc">
                            <p>Hi~ 欢迎光临御码</p>
                            <a href="#">登录</a>  <a href="#">| 注册</a>
                        </div>
                        <div class="xinren">
                            <div class="fuli yuan"><a href="#">新人福利</a></div>
                            <div class="huiyuan yuan"><a href="#">御码会员</a></div>
                        </div>
                    </div>
                    <div class="last_middle">
                        <div class="kuaibao">
                            <span class="left">御码快报</span>
                            <span class="right"><a href="#">更多&nbsp;&gt;</a></span>
                        </div>
                        <div class="reping">
                            <div class="reping1">
                                <div class="hong">热评</div>
                                <div class="maoyi">毛衣加直筒裤才是YYDS.</div>
                            </div>
                            <div class="reping1">
                                <div class="hong">最新</div>
                                <div class="maoyi">超大容量的满足感来啥子于</div>
                            </div>
                            <div class="reping1">
                                <div class="hong">HOT</div>
                                <div class="maoyi">每日一件衣柜满到塞不下</div>
                            </div>
                            <div class="reping1">
                                <div class="hong">HOT</div>
                                <div class="maoyi">媳妇儿再买我就疯给他看。</div>
                            </div>
                        </div>
                    </div>
                    <div class="last_last">
                        <div class="one">
                        <div class="caise left"><a href="#"><img src="./images/icon_话费_nor@1x.png">话费</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_火车票_nor@1x.png">火车票</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_加油卡_nor@1x.png">加油卡</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_白条_nor@1x.png">白条</a></div>
                    </div>
                    <div class="one">
                        <div class="caise left"><a href="#"><img src="./images/icon_电影票_nor@1x.png">电影票</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_酒店_nor@1x.png">酒店</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_理财_nor@1x.png">理财</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_机票_nor@1x.png">机票</a></div>
                    </div>
                    <div class="one">
                        <div class="caise left"><a href="#"><img src="./images/icon_礼品卡_nor@1x.png">礼品卡</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_彩票_nor@1x.png">彩票</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_游戏_nor@1x.png">游戏</a></div>
                        <div class="caise left"><a href="#"><img src="./images/icon_众筹_nor@1x.png">众筹</a></div>
                    </div>
                        
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!-- 秒杀专区 -->
    <div class="miaosha">
        <div class="w">
        <div class="miaosha_left left">
           <a href="#">秒杀专场</a>
        </div>
        <div class="miaosha_middle left">
            <div class="miaosha1 ms_middle">
                <div class="miaosha_tu">
                    <a href="#"><img src="./images/Rectangle33@1x.png"></a>
                </div>
                <div class="miaosha_zi">
                    <a href="#">荣耀60 SE 120Hz十亿...</a>
                    <a href="#">¥1949.00</a>
                </div>
            </div>
            <div class="miaosha2 ms_middle">
                <div class="miaosha_tu">
                    <a href="#"><img src="./images/Rectangle33@1x-1.png"></a>
                </div>
                <div class="miaosha_zi">
                    <a href="#">realme真我GT Neo3...</a>
                    <a href="#">¥2369.00</a>
                </div>
            </div>
            <div class="miaosha3 ms_middle">
                <div class="miaosha_tu">
                    <a href="#"><img src="./images/Rectangle33@1x-3.png"></a>
                </div>
                <div class="miaosha_zi">
                    <a href="#">maxicosi儿童安全座椅...</a>
                    <a href="#">¥2790.00</a>
                </div>
            </div>
            <div class="miaosha4 ms_middle">
                <div class="miaosha_tu">
                    <a href="#"><img src="./images/Rectangle33@1x-2.png"></a>
                </div>
                <div class="miaosha_zi">
                    <a href="#">HUAWEI 华为nova9se...</a>
                    <a href="#">¥1482.00</a>
                </div>
            </div>
        </div>
        <div class="miaosha_right right">
            <img src="./images/扫描二维码@1x.png" alt="" class="">
        </div>
    </div>
    </div>
    <!-- 年货专区 -->
    <div class="nianhuo">
        <div class="beijing">
            <div class="nianhuo_top geshi">
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                           <a href="#"><img src="./images/年货产品图01@1x.png"></a> 
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图02@1x.png"></a> 
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图03@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图04@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图05@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>

                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图06@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
            </div>
            <div class="nianhuo_bottom geshi">
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图07@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图08@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图09@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图10@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图11@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>

                <div class="one">
                    <div class="one_huo">
                        <div class="jiushui">
                            <a href="#"><img src="./images/年货产品图12@1x.png"></a>
                        </div>
                        <div class="lixi">至高24期免息</div>
                        <div class="haodian">酒水好店</div>
                    </div>

                </div>
            </div>

        </div>

    </div>
    <!-- 每日特价，品牌闪购 -->
     <div class="pinpai">
        <div class="w">
        <div class="left tejia pinpai_geshi">
            <div class="biaoti">
                <span>每日特价</span>
                <a href="#"class="jiant">&gt;</a>
                <span>精选</span>
            </div>
            <div class="zuo left clearfix">
                <div class="dijia"></div>
                <div class="chengzi">
                    <img src="./images/每日特价产品图01@1x.png">
                </div>
                <div class="wenzi">
                    <a href="#">赣南&nbsp;&nbsp;精品脐橙一箱</a>
                    <a href="#">￥99.9</a>
                    <p>已经抢购1320件</p>
                </div>
            </div>
            <div class="you right clearfix">
                <div class="jvzhong">
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图02@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图03@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图04@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图05@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                </div>

            </div>

        </div>
        <div class="right shangou pinpai_geshi">
            <div class="biaoti">
                <span>每日特价</span>
                <a href="#"class="jiant">&gt;</a>
                <span>精选</span>
            </div>
            <div class="zuo left clearfix">
                <div class="dijia"></div>
                <div class="chengzi">
                    <img src="./images/每日特价产品图01@1x.png">
                </div>
                <div class="wenzi">
                    <a href="#">赣南&nbsp;&nbsp;精品脐橙一箱</a>
                    <a href="#">￥99.9</a>
                    <p>已经抢购1320件</p>
                </div>
            </div>
            <div class="you right clearfix">
                <div class="jvzhong">
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图02@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图03@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图04@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                    <div class="sige">
                        <div class="xiaotu">
                        <a href="#"><img src="./images/每日特价产品图05@1x.png"></a>
                    </div>
                    <div class="jieshao">
                        <a href="#">赣南&nbsp;&nbsp;&nbsp;&nbsp;精品脐橙一箱</a>
                        <a href="#">￥9.9</a>
                        <p>已抢购320件</p>
                    </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
     </div>
     <!-- 全球购 -->
    <div class="quanqiu">
        <div class="w">全球购</div>
    </div>
    <!-- 全球购 防疫指南 -->
    <div class="fangyi">
        <div class="w">
            <div class="fangyi_one  fangyiquan left">
                <div class="fangyi_top">
                    <a href="#"><img src="./images/全球购产品图02@1x.png" </a>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">御码寻宝</a>
                        <a href="#">懂你的御码汇</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图09@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图10@1x.png"></a>
                    </div>
                </div>

            </div>
            <div class="fangyi_two  fangyiquan left">
                <div class="fangyi_top">
                    <a href="#"><img src="./images/全球购产品图01@1x.png" </a>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">礼品站</a>
                        <a href="#">帮你挑选一个好礼物</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图17@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图18@1x.png"></a>
                    </div>
                </div>

            </div>
            <div class="fangyi_three left">
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">企业购</a>
                        <a href="#">一站式企业采购平台</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图03@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图04@1x.png"></a>
                    </div>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">智能数码</a>
                        <a href="#">尽情享受生活</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图05@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图06@1x.png"></a>
                    </div>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">拍拍二手</a>
                        <a href="#">一站式企业采购平台</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图07@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图08@1x.png"></a>
                    </div>
                </div>

            </div>
            <div class="fangyi_three right">
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">御码超市</a>
                        <a href="#">一站式囤生活好物</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图11@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图12@1x.png"></a>
                    </div>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">御码酒行</a>
                        <a href="#">享全球美酒品味美好生活</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图13@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图14@1x.png"></a>
                    </div>
                </div>
                <div class="fangyi_bottom">
                    <div class="xunbao">
                        <a href="#">生鲜馆</a>
                        <a href="#">尝遍天下美味</a>
                    </div>
                    <div class="hui">
                        <a href="#" class="left"><img src="./images/全球购产品图15@1x.png"></a>
                        <a href="#" class="right"><img src="./images/全球购产品图16@1x.png"></a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 为你推荐 -->
    <div class="tui quanqiu">
        <div class="w">
            为你推荐
        </div>
    </div>
    <!-- 底部导航区 -->
    <div class="caidan">
        <div class="w">
        <ul>
            <li><a href="#">精选</a><a href="#">猜你喜欢</a></li>
            <li><a href="#">智能先锋</a><a href="#">品质生活</a></li>
            <li><a href="#">居家优品</a><a href="#">大电器城</a></li>
            <li><a href="#">超市百货</a><a href="#">百货生鲜</a></li>
            <li><a href="#">时尚达人</a><a href="#">美妆穿搭</a></li>
            <li><a href="#">进口好物</a><a href="#">商品国际</a></li>
        </ul>
    </div>
    </div>
    <!-- 底部为你推荐内容区 -->
    <div class="tuijian_content">
        <div class="w clearfix">
            <div class="tuij_top">
            <ul>
                <li><a href="#"><img src="./images/为你推荐产品图01@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图07@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图08@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图09@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图10@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
            </ul>
        </div>
            <div class="tuij_bottom">
            <ul>
                <li><a href="#"><img src="./images/为你推荐产品图02@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图03@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图04@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图05@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
                <li><a href="#"><img src="./images/为你推荐产品图06@1x.png"></a>
                    <div class="ziying"><span>自营</span><a href="#">【新年送礼】雅萌美容仪套装全脸抗老</a></div>
                    <a href="#" class="jiage">￥5799</a>
                </li>
            </ul>
        </div>
        </div>
    </div>
    <!-- 底部自定义列表 -->
     <div class="zidingyi">
        <div class="w clearfix">
            <div class="lianjie">
                <div class="du">
                    <img src="./images/footer_01@1x.png">
                </div>
                <div class="du">
                    <img src="./images/footer_02@1x.png">
                </div>
                <div class="du">
                    <img src="./images/footer_03@1x.png">
                </div>
                <div class="du">
                    <img src="./images/footer_04@1x.png">
                </div>

            </div>
            <div class="wuxu">
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">购物指南</a></dt>
                        <dd><a href="#">购物流程</a> </dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a> </dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                </div>
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">配送方式</a></dt>
                        <dd><a href="#">上门自提 </a> </dd>
                        <dd><a href="#">211限时达 </a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                    </dl>
                </div>
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">支付方式</a></dt>
                        <dd><a href="#">货到付款</a> </dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                </div>
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">售后服务</a></dt>
                        <dd><a href="#">售后政策</a> </dd>
                        <dd><a href="#">价格保护</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修/退换货</a></dd>
                        <dd><a href="#">取消订单</a> </dd>
                    </dl>
                </div>
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">特色服务</a></dt>
                        <dd><a href="#">夺宝岛</a> </dd>
                        <dd><a href="#">DIY装机</a></dd>
                        <dd><a href="#">延保服务</a></dd>
                        <dd><a href="#">御码E卡</a></dd>
                        <dd><a href="#">御码通信</a> </dd>
                        <dd><a href="#">京鱼座智能</a></dd>
                    </dl>
                </div>
                <div class="wuxv_one">
                    <dl>
                        <dt><a href="#">自营覆盖区县</a></dt>
                        <dd><a href="#">御码汇已向全国2661个区县提供</a></dd>
                        <dd><a href="#">自营配送服务，支持货到付款、</a></dd>
                        <dd><a href="#">POS 机刷卡和售后上门服务。</a></dd>
                        <dd><a href="#">查看详情</a></dd>
                    </dl>
                </div>
            </div>
            <div class="guanyu clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家帮助</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机御码</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">隐私政策</a></li>
                </ul>
            </div>
            <div class="banquan">
                京ICP备12345678901
            </div>
        </div>
     </div>
</body>
</html>